<!-- 
 
	页面制作: 小言u
	小言u博客 - 3.3123.ws
	乐云工作室 - www.3123.ws
	请保留原作相关信息
 
 -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>MC服务器列表 - 首页</title>
		<link rel="stylesheet" type="text/css" href="./layui/css/layui.css"/>
		<script src="./layui/layui.js"></script>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<!-- 头部Logo及搜索 -->
		<div id="header">
			<span class="span-title">XXX云 - 服务器列表</span>
			<a href="#">
				<span title="搜索"><i class="layui-icon layui-icon-search" style="font-size: 30px; color: #FFF;"></i></span>
			</a>
		</div>
		<!-- 侧边栏 -->
		<div id="nav">
			<div id="join">
				<a href="">
				<button type="button" class="layui-btn layui-btn-radius layui-btn-normal">
					<i class="layui-icon">&#xe609;</i>
					发布服务器
				</button>
				</a>
			</div>
			<ul>
				<a href=""><li><i class="layui-icon" style="font-size: 25px; color: #1E9FFF;">&#xe68e;</i>首页</li></a>
				<a href=""><li><i class="layui-icon" style="font-size: 25px; color: #1E9FFF;">&#xe66b;</i>服务器</li></a>
				<a href=""><li><i class="layui-icon" style="font-size: 25px; color: #1E9FFF;">&#xe657;</i>商店</li></a>
				<a href=""><li><i class="layui-icon" style="font-size: 25px; color: #1E9FFF;">&#xe857;</i>云服务器出租</li></a>
				<a href=""><li><i class="layui-icon" style="font-size: 25px; color: #1E9FFF;">&#xe66f;</i>服主管理平台</li></a>
				<a href=""><li><i class="layui-icon" style="font-size: 25px; color: #1E9FFF;">&#xe629;</i>商务合作</li></a>
				<a href=""><li><i class="layui-icon" style="font-size: 25px; color: #1E9FFF;">&#xe770;</i>关于我们</li></a>
			</ul>
		</div>
		<!-- 主体框架 -->
		<div id="home">
			<div id="s-title">
				<span id="s-title-font">
					服务器列表
				</span>
				<a href="#" id="s-title-gg">
					文字广告位招租
				</a>
				<a href="#" id="s-title-gg">
					文字广告位招租
				</a>
				<a href="#" id="s-title-gg">
					文字广告位招租
				</a>
				<a href="#" id="s-title-gg">
					文字广告位招租
				</a>
			</div>
			<div class="juzhong">
				<div class="server">
					<img class="banner" src="img/banner.jpg" alt="banner">
					<table border="0">
						<tr>
							<th>
								<img class="motd" src="img/a.ico" height="32px" alt="服务器Motd">
							</th>
							<th>
								<span class="server-name">测试服务器名称</span>
							</th>
							<p class="renshu">
								人数：0/1
							</p>
						</tr>
						<tr>
							<td class="yanzheng">在线：</td>
							<td>mc.3123.ws</td>
						</tr>
					</table>
				</div>
				<a href="" class="info"><i class="layui-icon">&#xe631;</i><b>1.16.3</b></a>
				&nbsp;
				<a href=""  class="info"><i class="layui-icon">&#xe6c6;</i><b>103</b></a>
				&nbsp;
				<a href=""  class="info"><i class="layui-icon">&#xe66e;</i><b>纯净服</b></a>
				&nbsp;
				<a href=""  class="info"><i class="layui-icon">&#xe65e;</i><b>付费置顶</b></a>
			</div>
			<div class="juzhong">
					<div class="server">
						<img class="banner" src="img/banner.jpg" alt="banner">
						<table border="0">
							<tr>
								<th>
									<img class="motd" src="img/a.ico" height="32px" alt="服务器Motd">
								</th>
								<th>
									<span class="server-name">测试服务器名称</span>
								</th>
								<p class="renshu">
									人数：0/1
								</p>
							</tr>
							<tr>
								<td class="yanzheng">在线：</td>
								<td>mc.3123.ws</td>
							</tr>
						</table>
					</div>
					<a href="" class="info"><i class="layui-icon">&#xe631;</i><b>1.16.3</b></a>
					&nbsp;
					<a href=""  class="info"><i class="layui-icon">&#xe6c6;</i><b>103</b></a>
					&nbsp;
					<a href=""  class="info"><i class="layui-icon">&#xe66e;</i><b>纯净服</b></a>
					&nbsp;
					<a href=""  class="info"><i class="layui-icon">&#xe65e;</i><b>付费置顶</b></a>
				</div>
				<div class="juzhong">
						<div class="server">
							<img class="banner" src="img/banner.jpg" alt="banner">
							<table border="0">
								<tr>
									<th>
										<img class="motd" src="img/a.ico" height="32px" alt="服务器Motd">
									</th>
									<th>
										<span class="server-name">测试服务器名称</span>
									</th>
									<p class="renshu">
										人数：0/1
									</p>
								</tr>
								<tr>
									<td class="yanzheng">在线：</td>
									<td>mc.3123.ws</td>
								</tr>
							</table>
						</div>
						<a href="" class="info"><i class="layui-icon">&#xe631;</i><b>1.16.3</b></a>
						&nbsp;
						<a href=""  class="info"><i class="layui-icon">&#xe6c6;</i><b>103</b></a>
						&nbsp;
						<a href=""  class="info"><i class="layui-icon">&#xe66e;</i><b>纯净服</b></a>
						&nbsp;
						<a href=""  class="info"><i class="layui-icon">&#xe65e;</i><b>付费置顶</b></a>
					</div>
					<div class="juzhong">
							<div class="server">
								<img class="banner" src="img/banner.jpg" alt="banner">
								<table border="0">
									<tr>
										<th>
											<img class="motd" src="img/a.ico" height="32px" alt="服务器Motd">
										</th>
										<th>
											<span class="server-name">测试服务器名称</span>
										</th>
										<p class="renshu">
											人数：0/1
										</p>
									</tr>
									<tr>
										<td class="yanzheng">在线：</td>
										<td>mc.3123.ws</td>
									</tr>
								</table>
							</div>
							<a href="" class="info"><i class="layui-icon">&#xe631;</i><b>1.16.3</b></a>
							&nbsp;
							<a href=""  class="info"><i class="layui-icon">&#xe6c6;</i><b>103</b></a>
							&nbsp;
							<a href=""  class="info"><i class="layui-icon">&#xe66e;</i><b>纯净服</b></a>
							&nbsp;
							<a href=""  class="info"><i class="layui-icon">&#xe65e;</i><b>付费置顶</b></a>
						</div>
						<div class="juzhong">
								<div class="server">
									<img class="banner" src="img/banner.jpg" alt="banner">
									<table border="0">
										<tr>
											<th>
												<img class="motd" src="img/a.ico" height="32px" alt="服务器Motd">
											</th>
											<th>
												<span class="server-name">测试服务器名称</span>
											</th>
											<p class="renshu">
												人数：0/1
											</p>
										</tr>
										<tr>
											<td class="yanzheng">在线：</td>
											<td>mc.3123.ws</td>
										</tr>
									</table>
								</div>
								<a href="" class="info"><i class="layui-icon">&#xe631;</i><b>1.16.3</b></a>
								&nbsp;
								<a href=""  class="info"><i class="layui-icon">&#xe6c6;</i><b>103</b></a>
								&nbsp;
								<a href=""  class="info"><i class="layui-icon">&#xe66e;</i><b>纯净服</b></a>
								&nbsp;
								<a href=""  class="info"><i class="layui-icon">&#xe65e;</i><b>付费置顶</b></a>
							</div>
							<div class="juzhong">
									<div class="server">
										<img class="banner" src="img/banner.jpg" alt="banner">
										<table border="0">
											<tr>
												<th>
													<img class="motd" src="img/a.ico" height="32px" alt="服务器Motd">
												</th>
												<th>
													<span class="server-name">测试服务器名称</span>
												</th>
												<p class="renshu">
													人数：0/1
												</p>
											</tr>
											<tr>
												<td class="yanzheng">在线：</td>
												<td>mc.3123.ws</td>
											</tr>
										</table>
									</div>
									<a href="" class="info"><i class="layui-icon">&#xe631;</i><b>1.16.3</b></a>
									&nbsp;
									<a href=""  class="info"><i class="layui-icon">&#xe6c6;</i><b>103</b></a>
									&nbsp;
									<a href=""  class="info"><i class="layui-icon">&#xe66e;</i><b>纯净服</b></a>
									&nbsp;
									<a href=""  class="info"><i class="layui-icon">&#xe65e;</i><b>付费置顶</b></a>
								</div>
								<div class="juzhong">
										<div class="server">
											<img class="banner" src="img/banner.jpg" alt="banner">
											<table border="0">
												<tr>
													<th>
														<img class="motd" src="img/a.ico" height="32px" alt="服务器Motd">
													</th>
													<th>
														<span class="server-name">测试服务器名称</span>
													</th>
													<p class="renshu">
														人数：0/1
													</p>
												</tr>
												<tr>
													<td class="yanzheng">在线：</td>
													<td>mc.3123.ws</td>
												</tr>
											</table>
										</div>
										<a href="" class="info"><i class="layui-icon">&#xe631;</i><b>1.16.3</b></a>
										&nbsp;
										<a href=""  class="info"><i class="layui-icon">&#xe6c6;</i><b>103</b></a>
										&nbsp;
										<a href=""  class="info"><i class="layui-icon">&#xe66e;</i><b>纯净服</b></a>
										&nbsp;
										<a href=""  class="info"><i class="layui-icon">&#xe65e;</i><b>付费置顶</b></a>
									</div>
									<div class="juzhong">
											<div class="server">
												<img class="banner" src="img/banner.jpg" alt="banner">
												<table border="0">
													<tr>
														<th>
															<img class="motd" src="img/a.ico" height="32px" alt="服务器Motd">
														</th>
														<th>
															<span class="server-name">测试服务器名称</span>
														</th>
														<p class="renshu">
															人数：0/1
														</p>
													</tr>
													<tr>
														<td class="yanzheng">在线：</td>
														<td>mc.3123.ws</td>
													</tr>
												</table>
											</div>
											<a href="" class="info"><i class="layui-icon">&#xe631;</i><b>1.16.3</b></a>
											&nbsp;
											<a href=""  class="info"><i class="layui-icon">&#xe6c6;</i><b>103</b></a>
											&nbsp;
											<a href=""  class="info"><i class="layui-icon">&#xe66e;</i><b>纯净服</b></a>
											&nbsp;
											<a href=""  class="info"><i class="layui-icon">&#xe65e;</i><b>付费置顶</b></a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
</a>